<template>
  <div class="main">
    <!-- <el-card> -->
    <div style="margin-bottom: 30px;">
      <h4>基本资料</h4>
      <!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> -->
    </div>
    <div>
      <div style="margin-left: 10px;margin-bottom: 30px;">基本信息</div>
      <el-form ref="form" :model="form" label-width="120px" class="demo-form-inline">
        <el-form-item label="登录账号：">
          <el-input v-model="form.name" style="width: 400px;" placeholder="审批人" />
        </el-form-item>
        <el-form-item label="所属单位：">
          <el-select v-model="form.department" style="width: 400px;" placeholder="选择部门">
            <el-option label="区域一" value="shanghai" />
            <el-option label="区域二" value="beijing" />
          </el-select>
        </el-form-item>
        <el-form-item label="手机号码：">
          <el-input v-model="form.phone" style="width: 400px;" placeholder="输入内容">手机号码</el-input>
        </el-form-item>
      </el-form>
    </div>
    <!-- </el-card> -->
  </div>
</template>
<script>
import { getInfo } from '@/api/user'
export default {
  data() {
    return {
      form: {
        name: '',
        phone: '',
        department: ''
      }
    }
  },
  created() {
    // this.fetchData()
  },
  methods: {
    fetchData() {
      getInfo().then(res => {
        console.log(res.data, '---------------------user')
        // this.list = response.data
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.main {
  padding: 20px 0 0 30px;
}
</style>
